import Taro, {Component} from '@tarojs/taro'
import {Text, View} from '@tarojs/components'
import Counter from './counter'
import Counter2 from './counter2'
import Counter3 from './counter3'

export default class Xhl9 extends Component {
  config = {
    navigationBarTitleText: 'Hooks'
  }

  render() {
    return (
      <View>
        <View>1. 自定义 hook 创建的累加器</View>
        <Counter initialCount={0} />
        <View>2. 使用 useReducer 创建的累加器</View>
        <Counter2 initialCount={0} />
        <View>3. 惰性初始化 可以将用于计算 state 的逻辑提取到 reducer 外部，这也为将来对重置 state 的 action 做处理提供了便利</View>
        <Counter3 initialCount={0} />
        <View>4. useCallback useMemo 功能一致，该回调函数仅在某个依赖项改变时才会更新。</View>
      </View>
    )
  }
}
